<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:body>
	<h:form>
		<p:panel id="actualizarOrden" style="width:900px" aling="center" styleClass="session"
			cellspacing="2" scrollable="false" header="#{msgs['actualizarOrden.title']}">

			<p:outputLabel value="#{msgs['text.campoObligatorios']}" />

			<p:messages id="mensajes" closable="true"/>

			<h:panelGrid id="grid" columns="2" ellspacing="20">

				<p:outputLabel
					value="#{msgs['actualizarOrden.text.fecha.hora']}: #{actualizarPedidoBean.pedido.fechaAlta}" />

				<p:outputLabel
					value="#{msgs['actualizarOrden.text.cliente']}: #{actualizarPedidoBean.pedido.cliente.apellido}, #{pedido.cliente.nombres}" />

				<p:outputLabel
					value="#{msgs['actualizarOrden.text.articulo']}: #{actualizarPedidoBean.pedido.descripcionProd}" />

				<h:panelGroup>
					<p:outputLabel for="estado" value="#{msgs['actualizarOrden.text.estado']}" />
					<p:selectOneMenu id="estado" required="true"
						value="#{actualizarPedidoBean.estado}"
						label="#{msgs['actualizarOrden.text.estado']}">
						<f:selectItem itemLabel="- Ninguno -" itemValue="" />
						<f:selectItems value="#{actualizarPedidoBean.estados}"
							var="estado" itemLabel="#{estado.descripcion}" />
					</p:selectOneMenu>
				</h:panelGroup>

				<p:outputLabel
					value="#{msgs['actualizarOrden.text.origen']}: #{actualizarPedidoBean.pedido.direccionOrigen}" />

				<p:outputLabel
					value="#{msgs['actualizarOrden.text.destino']}: #{actualizarPedidoBean.pedido.direccionDestino}" />

				<p:outputLabel
					value="#{msgs['actualizarOrden.text.peso']}: #{actualizarPedidoBean.pedido.pesoProd} " />

				<p:outputLabel
					value="#{msgs['actualizarOrden.text.volumen']}: #{actualizarPedidoBean.pedido.volumenProd} " />

				<h:panelGroup>
					<p:outputLabel for="fechaOperacion"
						value="#{msgs['actualizarOrden.text.fecha.actualizacion']}" />
					<p:calendar id="fechaOperacion"
						value="#{actualizarPedidoBean.fechaOperacion}"
						pattern="dd/MM/yyyy HH:mm:ss" required="true"  />
					<p:outputLabel />
				</h:panelGroup>

			</h:panelGrid>

			<f:facet name="footer">
				<center>
					<p:commandButton id="btnAceptar" icon="ui-icon-check"
						value="#{msgs['button.aceptar']}"
						action="#{actualizarPedidoBean.actualizarOrden}"
						update="actualizarOrden">
						<p:confirm header="#{msgs['actualizarOrden.header.confirmacion']}"
							message="#{msgs['actualizarOrden.dialog.message']}"
							icon="ui-icon-alert" />
					</p:commandButton>
				</center>
			</f:facet>


		</p:panel>

		<p:confirmDialog global="true" showEffect="fade" hideEffect="explode">
			<center>
				<p:commandButton
					value="#{msgs['button.aceptar']}"
					type="button" styleClass="ui-confirmdialog-yes"
					icon="ui-icon-check" />
				<p:commandButton
					value="#{msgs['button.cancelar']}"
					type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
			</center>
		</p:confirmDialog>
	</h:form>

</h:body>
</html>